<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <title>Bootstrap 中文网</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="../“/style0.css">




</head>

<body>
    <nav class="top_nav">
        <div class="item">
            <a href="#">Bootstrap中文网</a>

        </div>


        <div class="item">
            <a href="#">Bootstrap3中文网</a>
        </div>


        <div class="item">
            <a href="#">Bootstrap4中文文档</a>
        </div>


        <div class="item">
            <a href="#">Sass教程</a>
        </div>


        <div class="item">
            <a href="#">Less教程</a>
        </div>


        <div class="item">
            <a href="#">jQuery API</a>
        </div>


        <div class="item">
            <a href="#">关于</a>
        </div>
    </nav>


    <div class="text">
        <h1>
            Bootstrap
        </h1>

        <h2>
            简洁、直观、强悍的前端开发框架，让Web开发更迅速、简单.
        </h2>
        <button><a href="#">Bootstrap3中文文档(v3.4.1)</a>
        </button>
        <p><a href="#">Bootstrap2中文文档(v2.3.2)</a></p>
    </div>
    <div class="box1">
        <h1>Bootstrap相关优质项目推荐</h1>
        <h2>这些项目或者是对Bootstrap进行了有益的补充，或者是基于Bootstrap 开发的</h2>
    </div>
    <div class="container">
        <div class="item">
            <img src="/image/2.png" width="300" height="120">
            <p>webpack</p>
            <p>是前端资源模块化管理和打包工具 webpack是当下最热
                门的前端资源模块化管 理和打包工具。它可以将许多松
                散的模块按照 依赖和规则打包成符合生产环境部署的前端资
                源</p>
        </div>
        <div class="item"><img src="/image/3.png" width="300" height="120">
            <p>TypeScript 中文手册 TypeScript 是由微软开源的编程语言 。它
                是 JavaScript 的一个超集，而且 本质上向这个语言添加了可选的静态
                类型和基于类的面向对象编程。 </p>
        </div>
    
    
        <div class="item"><img src="/image/4.png" width="300" height="120">
            <p>Svelite 中文网 Svelte是构建Web应用程序的一种新 方法。Svelte
                是一个编译器，它将声 明性组件转换成高效的JavaScript代 码，并像
                做外科手术一样细粒度地更 新DOM.</p>
        </div>
    
        <div class="item"><img src="/image/5.png" width="300" height="120">
            <p>Next.js 中文文档 Next.js 是一个轻量级的 React 服务端 渲染
                应用框架。</p>
        </div>
    
        <div class="item"><img src="/image/6.png" width="300" height="120">
            <p>Babel 是一个 JavaScript 编译器。 Babel 是一个 JavaScript 编译
                器。 Babel 通过语法转换器支持最新版本的 JavaScript 语法。
            </p>
        </div>
    
         
    </div>
    <!--
         id属性 (唯一不重复的)
         每一个标签都可以添加一个ID属性
         id属性就是元素的唯一标识 同一个页面不能出现重复的id属性
     -->
    <a id="bottom" href="#">回到顶部</a>

    <p>
        我们一直致力于为广大开发者提供更多的优质技术文档和辅助开发工具！
    </p>
    </nav>


</body>

</html>